<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/myCar.css"/>
    <title>我的购物车 比淘官网</title>
</head>
	<body>
		<!--网页头部-->
<header>
    <script src="js/cart.js"></script>
    <div class="to">
            	<ul class="to_left">
            		<li><span><img src="img/送货地址.jpg" width="15px" height="15px"/></span></li>
            		<li> <span>送货地址：广州&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
            		<li><span><img src="img/小喇叭.jpg" width="15px" height="15px"/></span></li>
            		<li> <span>防范金融诈骗提示</span></li>
            	</ul>
            	
            	<ul class="to_right">
            		<li><span>下午好, 请<a href="#">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
            		<li> <span>注册&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
            		<li><span>会员俱乐部&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
            		<li> <span>我的订单</span></li>
            	</ul>
                </div>
                
	   <div class="top">
	        <div class="logo">
	            <a href="#">
	                <img src="img/logo1.png" width="200px" height="70px"/>
	            </a>
	        </div>
	        <div class="search">
	            <form>
	                <input type="search" value="" placeholder="华为mate30" class="s_ipt"/>
	                <input type="submit" value="搜索" class="s_btn"/>
	            </form>
	            <div class="fl">
	                <a href="#">咖啡</a>
	                <a href="#">iphone XR</a>
	                <a href="#">蛋糕</a>
	                <a href="#">日用品</a>
	                <a href="#">圣诞礼物</a>
	            </div>
	        </div>
	        <div class="i_car">
	            <div class="car_t">购物车</div>
	        </div>
	    </div>
</header>
<!--主体部分-->
<section class="center">
    <!--Begin Menu Begin-->
    <div class="menu_bg">
        <div class="menu">
            <!--Begin 商品分类详情 Begin-->
            <nav class="nav">
                <div class="nav_t">全部商品分类</div>
            </nav>
            <!--End 商品分类详情 End-->
           <nav>
                    <ul class="menu_r">
                        <li class="active"><a href="index.html"><i style="color: blue;">首页</i></a></li>
                        <li class="active"><a href="fruit.html"><i style="color: blue;">食品点心</i></a></li>
                        <li><a href="fruit2.html"><i style="color: blue;">比淘生鲜</i></a></li>
                        <li><a href="toy.html"><i style="color: blue;">儿童玩具</i></a></li>
                        <li><a href="book.html"><i style="color: blue;">图书</i></a></li>
                        <li><a href="#"><i style="color: blue;">运动</i></a></li>
                        <li><a href="#"><i style="color: blue;">服装</i></a></li>
                        <li><a href="">比淘团购</a></li>
                    </ul>
                </nav>
            <a href="#" class="m_ad"><img src="img/phone.png" alt=""/></a>
        </div>
    </div>
    <!--End Menu End-->
    
    
		<!--内容-->
<div id="contentCon">
	<ul>
    	<li>
        	<p>我的商品（3）</p>
            <span></span>
        </li>
        <p>优惠（2）</p>
    </ul>
    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <!--所有商品全选-->
                    <input type="checkbox" id="all" class="whole_check">
                    <label for="all"></label>
                    全选
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_info">商品参数</li>
                <li class="list_price">单价（元）</li>
                <li class="list_amount">数量</li>
                <li class="list_sum">小计（元）</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <div class="cartBox">
            <div class="shop_info">
                
            </div>
            <div class="order_content">
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_2" class="son_check">
                        
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="#"><img src="img/fruit1.jpg"alt=""></a></div>
                        <div class="list_text"><a href="#">京觅<br>智利进口车厘子巨无霸JJJ级 1磅装</a></div>
                    </li>
                    <li class="list_info">
                        <p>净含量：500克</p>
                        <p>果&nbsp;&nbsp;&nbsp;&nbsp;径：30-32mm</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥109.00</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                             <a href="#" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="#" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥109.00</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="#" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_3" class="son_check">
                        <label for="checkbox_3"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="#"><img src="img/fruit2.jpg" alt=""></a></div>
                        <div class="list_text"><a href="#">京觅<br>澳大利亚直采鲜橙 精品澳橙12粒 </a></div>
                    </li>
                    <li class="list_info">
                        <p>净含量：500克</p>
                        <p>单&nbsp;&nbsp;&nbsp;&nbsp;果：130-180g</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥59.00</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                   <a href="#" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="#" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥59.00</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="#" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_6" class="son_check">
                        <label for="checkbox_6"></label>
                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="#"><img src="img/fruit3.jpg" alt=""></a></div>
                        <div class="list_text"><a href="#">开皇<br>马来西亚苏丹王榴莲果肉液氮冷冻水果</a></div>
                    </li>
                    <li class="list_info">
                        <p>净含量：400克</p>
                        <p>规&nbsp;&nbsp;&nbsp;&nbsp;格：一盒</p>
                    </li>
                    <li class="list_price">
                        <p class="price">￥89.00</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="#" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="#" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥89.00</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="#" class="delBtn">移除商品</a></p>
                    </li>
                </ul>
            </div>
            <div id="amount">
            	<p>
            	<h2>合计:￥257</h2>
            		<h2 id="amount_1"> &nbsp;&nbsp; &nbsp;&nbsp;<a href="pay.html">去结算</a>
            	</h2>
            	</p>
            </div>
        </div>

        
        </div>
        </section>
<!--网页底部-->
<footer class="center">
    <!-- Footer -->
    <div class="b_btm_bg b_btm_c">
        <ul class="b_btm">
            <li>
                <a><img src="img/b1.png" width="62px" height="62px"/></a>
                <div><h2>正品保障</h2>正品行货 放心购买</div>
            </li>
            <li >
                <a><img src="img/b2.png" width="62px" height="62px"/></a>
                <div><h2>满88包邮</h2>满88包邮 免运费</div>
            </li>
            <li>
                <a><img src="img/b3.png" width="62px" height="62px"/></a>
                <div><h2>天天低价</h2>天天低价 畅选无忧</div>
            </li>
            <li>
                <a><img src="img/b4.png" width="62px" height="62px"/></a>
                <div><h2>准时送达</h2>收货时间由你做主</div>
            </li>
        </ul>
    </div>
    <div class="b_nav">
        <dl>
            <dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
         
        </dl>
        <dl>
            <dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>
        <dl>
            <dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>
        <dl>
            <dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>
        <dl>
            <dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <div class="b_tel_bg">
            <p>
                服务热线：<br/>
                <span>310-310-3100</span>
            </p>
        </div>
        <div class="b_er">
            <div class="b_er_c"><img src="img/er.jpg" width="120px" height="120px"/></div>
            <img src="img/ss.png"/>
        </div>
    </div>
    <div class="btmbg">
        <div class="btm">
            备案/许可证编号：粤ICP备310310号-1-www.btbt.com Copyright© 比淘比淘网上超市 2019-2020，All Rights Reserved. 复制必究 ,
            Technical Support: 310 Group <br/>
            <img src="img/b_1.jpg"/>
            <img src="img/b_2.jpg"/>
            <img src="img/b_3.jpg"/>
            <img src="img/b_4.jpg"/>
            <img src="img/b_5.jpg"/>
            <img src="img/b_6.jpg"/>
        </div>
    </div>
    <!--Footer -->
</footer>

</body>
</html>
	</body>
</html>
